import React from 'react';
import { Head } from 'ice';
import { ResponsiveGrid } from '@alifd/next';
import PageHeader from '@/components/PageHeader';
import Exception from '@/components/Exception';

function NoFoundPage() {
  return (
    <ResponsiveGrid gap={20}>
      <Head>
        <title>错误：404</title>
      </Head>
      <ResponsiveGrid.Cell colSpan={12}>
        <PageHeader breadcrumbs={[{ name: '404 页面' }]} />
      </ResponsiveGrid.Cell>
      <ResponsiveGrid.Cell colSpan={12}>
        <Exception
          statusCode="404"
          image="https://img.alicdn.com/tfs/TB14c1VoET1gK0jSZFhXXaAtVXa-200-200.png"
          description="您访问的页面找不到了！"
        />
      </ResponsiveGrid.Cell>
    </ResponsiveGrid>
  );
}

export default NoFoundPage;
